{% extends "light.twig" %}

{% block title %}{% trans "ONKI: Feedback" %}{% endblock %}
{% block content %}
<div id="maincontent">
{% include "infobox.twig" %}
<div class="ui-widget" id="feedback-form">
  <div id="feedback-label">
  {% if feedback_sent %}
    <h3>{% trans "Feedback has been sent!" %}</h3>
  {% else %}
    <h3>{% trans %}Contact us!{% endtrans %}</h3>
  </div>
  <h1>?</h1>
  <div id="feedback-content">
    <form id="feedback-fields" method="post" action="#">
      {% if vocabList %}
      <select class="chosen-select" name="vocab">
        <option value="none">{% trans %}Not to a specific vocabulary{% endtrans %}</option>
          {% for option in vocabList %}       
            <option value="{{ option.id }}"{% if vocab_id == option.id %} selected="selected"{% endif %}>{{ option.title }}</option> 
          {% endfor %}
      </select>
      {% endif %}
      
      <span class="feedback-field-label">{% trans %}Name:{% endtrans %}</span>
      <input id="name" class="textinput" type ="text" size="40" name="name" placeholder="{% trans %}Enter your name{% endtrans %}">
      <span class="feedback-field-label">{% trans %}E-mail:{% endtrans %}</span>
      <input id="email" class="textinput" type ="text" size="40" name="email" placeholder="{% trans %}Enter your e-mail address{% endtrans %}">
      <span class="feedback-field-label">{% trans %}Message:{% endtrans %} *</span>
      <textarea id="message" class="textinput" name="message"></textarea>
      <button type="submit" id="send-feedback">{% trans %}Send feedback{% endtrans %}</button>
    </form>
  {% endif %}
  </div>
  
</div>
<div id="feedback-logo">
  <img src="{{ path_fix }}resource/pics/browser-badge.png" alt="ONKI">
</div>
</div>
{% endblock %}

